﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RouteCategory.aspx.cs" Inherits="Omabar.CMS.Mobile.RouteCategory" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <link type="text/css" rel="stylesheet" href="css/zzsc.css" media="screen" />

    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/zzsc.js" type="text/javascript"></script>

    <title>欧玛贝，来自德国，专注定制</title>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#bottomNav a").click(function () {
                $("#bottomNav a").removeClass("current");
                $(this).addClass("current");
            });

            $("#mainRegion").css("height", document.documentElement.clientHeight - 50 - $("#bottomNav").height());
        });
    </script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="logo">
                    <div class="floatL">想去哪？</div>
                    <div class="floatR NavIcon">
                        <a href="SideBar.aspx">
                            <img src="images/TopNav.png" style="height: 43px; margin-bottom: 3px;" /></a>
                    </div>
                </div>

                <div id="mainRegion">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" href="RouteList.aspx?key=all">全部</a>
                    </div>

                    <div class="accordion-heading">
                        <a class="accordion-toggle" href="RouteList.aspx?key=ROUTE_HOT">当季热推</a>
                    </div>
                    <div class="accordion-heading">
                        <a class="accordion-toggle" href="RouteList.aspx?key=ROUTE_ELABORATE">精品旅程</a>
                    </div>
                    <div class="accordion" id="accordionContainer">
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContainer" href="#accordion-element-Europe">欧洲</a>
                            </div>
                            <div id="accordion-element-Europe" class="accordion-body in collapse">
                                <div class="accordion-inner">
                                    <ul class="countryList">
                                        <%foreach (var country in countrys)
                                        { %>
                                        <li>
                                            <a href="RouteList.aspx?key=Country&value=<%=HttpUtility.HtmlEncode(country.COUNTRY_NAME)%>"><span class="floatL"><%=country.COUNTRY_NAME%></span><span class="floatR"><span class="marginR10"><%=routeCountrys.Count(c=>c.ROUTE_COUNTRY_NAME==country.COUNTRY_NAME)%></span>▶</span></a>
                                        </li>
                                        <%} %>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionContainer" href="#accordion-element-Theme">主题</a>
                            </div>
                            <div id="accordion-element-Theme" class="accordion-body in collapse">
                                <div class="accordion-inner">
                                    <ul class="countryList">
                                        <%foreach (var theme in themes)
                                        { %>
                                        <li>
                                            <a href="RouteList.aspx?key=Theme&value=<%=theme.THEME_ID%>"><span class="floatL"><%=theme.THEME_NAME%></span></a>
                                        </li>
                                        <%} %>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottomNav" id="bottomNav" style="height:55px;">
                    <div class="Nav">
<div class="Nav"  >
                        <a href="Index.aspx" ><img src="images/N_1.png" style="width:50px; height:50px;margin-left:10px; margin-right:15px; margin-top:5px;" /></a>
                        <a href="RouteCategory.aspx" ><img src="images/N_2_2.png" style="width:50px; height:50px;margin-right:15px; margin-left:15px; margin-top:5px;" /></a>
                        <a href="PersonalTailor.aspx" ><img src="images/N_3.png" style="width:50px; height:50px;margin-right:15px; margin-left:15px; margin-top:5px;" /></a>
                        <a href="SpecialItemList.aspx" ><img src="images/N_4.png" style="width:50px; height:50px;margin-right:15px; margin-left:10px; margin-top:5px;" /></a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
